<style>
    * {
        margin: 0;
        padding: 0;
    }
    body {
        background-color: #3d3d3d;
    }
    .cms-header {
        width: 100%;
        height: 52px;
        background-color: #3d3d3d;
        border: #080808 1px solid;
    }

    .navbar-inverse {
        background-color: #3d3d3d;
    }
    .list-group-item-heading {
        color: #ffffff;
    }
    .media-body, .pull-left {
        color: #999999;
    }
</style>
<body>
<#include "header.ftl">
<div class="container" style="margin-top: 25px">
    <div class="row">
        <div class="col-md-8">
            <@g_article catalogId="${CatalogId}" current="0" size="3">
                <@g_list collection=articles item="article">
                    <div class="media">
                        <div class="media-body" style="word-wrap: break-word; word-break: normal;">
                            <a href="/api/cms/article/${article.ukId}"><h4 class="list-group-item-heading">${article.title}</h4></a>
                            <br>
                            <p>
                                ${article.title}
                            </p>
                        </div>
                        <br>
                        <div class="pull-left">
                            <strong>${article.author} <em>${article.gmtRelease?string("yyyy年MM月dd日HH时mm分")}</em></strong>
                        </div>
                        <div class="pull-right">
                            <a type="button" class="btn btn-default btn-sm">
                                <span class="glyphicon glyphicon-heart" aria-hidden="true"></span> 0
                            </a>
                            <a type="button" class="btn btn-default btn-sm">
                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> 0
                            </a>
                        </div>
                    </div>
                </@g_list>
            </@g_article>
        </div>
        <div class="col-md-4">
            <#include "catalogRightNav.ftl">
        </div>
    </div>
    <#include "footer.ftl">
</div>
</body>
</html>